<template>
    <div class="com_left">
        <router-link to="/component/switch1">Switch 开关1</router-link>
        <router-link to="/component/switch2">Switch 开关2</router-link>
        <router-link to="/component/dropdown">Dropdown 下拉菜单</router-link>
        <router-link to="/component/window">window 弹窗/面板</router-link>
        <router-link to="/component/tip">Tip 提示</router-link>
        <router-link to="/component/button">Button 按钮</router-link>
        <router-link to="/component/progressbar">Progressbar 进度条</router-link>
        <router-link to="/component/sliderinput">Slider 滑动条(input实现)</router-link>
        <router-link to="/component/slider">Slider 滑动条(原生)</router-link>
        <router-link to="/component/tree">Tree 结构树</router-link>
    </div>
</template>

<script>
export default {
	components: {}
}
</script>

 <style scoped>
.com_left {
	width: 250px;
	height: 100%;
	overflow: auto;
}
.router-link-active {
	color: #489df8;
}
a {
	font-size: 14px;
	display: block;
	color: #535353;
	text-decoration: none;
	margin-bottom: 20px;
	font-weight: 540;
}
a:hover {
	color: #489df8;
}
</style>
